@layer global {
    .form-group-name {
        display: flex;
        gap: var(--space-2xs);
        margin-bottom: var(--space-2xs);
        font-weight: 600;
    }

    .form-group-error {
        display: block;
        color: red;
        font-size: 0.9em;
        margin-top: var(--space-2xs);
    }

    .base-input {
        padding: var(--space-2xs);
        background-color: light-dark(white, #141413);
        border: 1px solid var(--gray-border);
        border-radius: var(--space-3xs);

        &[aria-invalid="true"] {
            background: light-dark(#fff2f2, #170808);
            border-color: red;
        }
    }
}
